.root
  header
    position absolute
    top -67px
    left 0
    font-size 18px
  .body
    margin-top 50px

.root
  .body > div
    & + div
      margin-top 50px
    h2
      font-size 15px
      margin 10px 0

.setting
  background-color #fff
  padding 20px 15px

.select-fre
  margin 15px 0
  clear fix
  > * 
    float left
  > span
    margin-left 5px;
    font-size: 12px;
    color: #999
    line-height: 25px
  > div
    width: 100px

.update-fre
  height 30px
  font-size 13px
  width 65px

.add 
  height 30px
  font-size 13px
  width 80px
  margin-left 20px;

.modal
  width: 660px

.types
  display flex
  margin-top 10px
  > div label
    color #7793B2
    font-size 12px;
  > div + div
    margin-left 20px

.label-input
  margin-top 20px;
  input
    margin-top: 10px
    width 480px;

.label-two-input
  margin-top 20px
  > div
    display flex
    > div label
      font-size 12px
      margin-top 5px
    > div + div
      margin-left 20px

.preview
  border 2px solid #8AC8FC
  padding: 20px
  margin-top 20px

.circles
  width: 420px;
  margin: 0 auto;
  margin-top: 22px
  span + span
    margin-left 10px
  span
    display: inline-block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid #E3E7EF;
    text-align: center;
    line-height: 24px;
    color: #7792B2;
    font-size: 12px;
    cursor pointer
  .active
    background-color #47A9FB
    color #fff

.description
  font-size 12px
  color #CBD2E1
  margin-top: 15px;

.ops
  margin-top 20px
  input
    outline none
    background-color transparent
    width 100%
    border none
    border-bottom 1px solid #CBD2E1

.label-two-input
  [data-role="fieldInputBox"]
    width: 260px;

.item-actions
  display flex
  i
    cursor pointer
  > i + i
    margin-left 10px;

.time-tip
  font-size: 12px;
  color: #CBD2E1;
  margin-top: -14px;

.over-tip
  background-color: rgb(255, 247, 230);
  border: 1px solid rgb(255, 238, 204);
  font-size: 12px;
  color: #777;
  padding: 10px 10px;
  width: 554px;
  margin-top: 10px;

.tabs
  clear fix
  border 1px solid #C3E0F6
  display inline-block
  li
    float left
    padding 1px 7px
  & + li
    border-left 1px solid #C3E0F6
  .active
    background-color #47A9FB 
    color #fff
